<template>
  <div class="wrapper" >

    <ul class="content">
      <label >Number:</label>
      <input type=“text“ name="Name" id="Name"/>

      <label>Date:<input type="text" name="B"/></label>

      <div style="height:1px;background:white"></div>

      <i>aaa</i>
      <br>
      <em>qiangdiao</em>
      <hr>
      <strong>strong</strong>
      <b>b</b>

      <title>我是title</title>
<!--      <h1>我是h1</h1>-->

      <div class="circle">

      </div>

    </ul>



  </div>
</template>

<script>
  import BScroll from 'better-scroll'
  export default {
      name: "Category",

      mounted() {
        //默认情况下BScroll不监听滚动位置
        //probe 0,1不检测实时位置
        //2手指离开惯性不检测
        //3实时监测

        const bscroll=new BScroll('.wrapper',{
          probeType:1,
          click:true,
          pullUpLoad:true

        })

        // bscroll.on('scroll',(pos)=>{
        //   console.log(pos);
        // })

        bscroll.on('pullingUp',()=>{
          console.log('1111');
          setTimeout(()=>{
            bscroll.finishPullUp()
          },2000)
        })
      }
  }
</script>

<style scoped>
  .wrapper{
    height:150px;
    background-color: black;

    overflow: hidden;
    /*overflow-y: scroll;*/
  }

  .circle{
    height: 50px;
    width: 50px;
    border-radius: 100%;
    background-color: red;
  }
</style>
